<template>
  <div class="demo">
    <div class="demo-title">带有图标的通知提醒框</div>
    <div class="demo-content">
      <Button @click="() => openNotificationWithIcon('success')">Success</Button>
      <Button @click="() => openNotificationWithIcon('info')">Info</Button>
      <Button @click="() => openNotificationWithIcon('warning')">Warning</Button>
      <Button @click="() => openNotificationWithIcon('error')">Error</Button>
    </div>
  </div>
</template>

<script lang="ts" setup>
  import Button from '@sscd/button';
  import Notification from '@sscd/notification';
  const openNotificationWithIcon = (type: string) => {
    Notification[type]({
      message: 'Notification Title',
      description:
        'This is the content of the notification. This is the content of the notification. This is the content of the notification.',
    });
  };
</script>
